<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>首页</title>
    <link rel="Shortcut Icon" href="../../images/wangyeicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../css/current.css">
    <link rel="stylesheet" href="../../css/index.css">
    <style type="text/css">
        
    </style>
</head>

<body>
    <!-- 头部导航栏 -->
    <nav class="bg-white shadow-sm navshadow">
        <div class="container">
            <div class="row">
                <div class="col">
                    <nav class="navbar p-3 navbar-expand-lg navbar-light">
                        <a class="navbar-brand" href="#">
                            <img src="../../upload/images/logo3.png" class="img-fluid" style=" max-width:80px;"
                                alt="logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav mr-auto">
                                <li class="nav-item active">
                                    <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">组队广场</a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link" href="#">
                                        活动广场
                                    </a>
                                </li>
                            </ul>
                            <ul class="navbar-nav ml-md-auto">
                                <li class="nav-item" style="margin-right: 40px; line-height: 38px;">
                                    <div>
                                        <a href="#" class="set_a" style="margin-right: 30px;">登 录</a>
                                        <a href="#" class="set_a">注 册</a>
                                    </div>
                                </li>

                                <li class="nav-item dropdown">
                                    <a class="btn btn-outline-primary nav-item  dropdown-toggle mr-md-2" href="#"
                                        id="bd-versions" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false">
                                        发起<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-cursor"
                                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z" />
                                        </svg>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
                                        <a class="dropdown-item " href="#">发起组队</a>
                                        <a class="dropdown-item " href="#" target="_blank">发起活动</a>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </nav>

    <section>
        <div class="container shadow-sm" id="main-part" id="main-part">
            <div class="row main-introduce">
                <div class="col-md-12 col-content">
                    <div class="col-md-12" style="margin-top: 180px;">
                        <h2 class="setpadding">浏览活动</h2>
                    </div>
                    <div class="col-md-12">
                        <h2 class="setpadding">寻找志同道合的小伙伴,</h2>
                    </div>
                    <div class="col-md-12">
                        <h2 class="setpadding">共同组队</h2>
                    </div>
                    <div class="col-md-12">
                        <span class="setpadding">为广金er服务的组队网站</span>
                    </div>
                    <ul class="nav" style="margin-top: 50px;margin-left: 50px;">
                        <li><a href="#" class="btn btn-primary set_btn_a">发 起 组 队</a>
                        </li>
                        <li><a href="#" class="btn btn-primary set_btn_b">浏 览 活 动</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section style="margin-top: 70px; ">
        <div class="container shadow-sm introduce-part"  id="bottom-part">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="about-us">关于我们</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-4">
                    <div class="content introduce-card">
                        <div class="img_title">
                            <img src="../../images/liulan.png" alt="">
                            <h4>广场</h4>
                        </div>
                        <div class="introduce-text">
                            <h6>在活动广场浏览活动</h6>
                            <h6>在组队广场查找队伍</h6>   
                            <h6>找到自己想要参加的活动/队伍</h6>
                        </div>
                    </div>
                </div>
                <div class="col-md-2"></div>
                <div class="col-md-4">
                    <div class="content introduce-card">
                        <div class="img_title">
                            <img src="../../images/faburenwu.png" alt="">
                            <h4>发布</h4>
                        </div>
                        <div class="introduce-text">
                            <h6>根据自己的需求</h6>
                            <h6>在这里发起活动/发起组队</h6>
                        </div>
                        
                    </div>
                </div>
                <div class="col-md-1"></div>
            </div>
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-4">
                    <div class="content introduce-card">
                        <div class="img_title">
                            <img src="../../images/kekao.png" alt="">
                            <h4>可靠</h4>
                        </div>
                        <div class="introduce-text">
                            <h6>由一个籍籍无名的队伍创造</h6>
                            <h6>不用担心个人信息的泄露</h6>
                            <h6>这里都是亲切的校友</h6>
                        </div>
                    </div>
                </div>
                <div class="col-md-2"></div>
                <div class="col-md-4">
                    <div class="content introduce-card">
                        <div class="img_title">
                            <img src="../../images/hezuo.png" alt="">
                            <h4>寻找</h4>
                        </div>
                        <div class="introduce-text">
                            <h6>苦于参赛/参加活动没有队友？</h6>
                            <h6>在这里找到志同道合的小伙伴吧</h6>
                        </div>
                    </div>
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>
    </section>

    <!-- 视窗底部的按钮 -->
    <div class="fixed-bottom navbar-fixed-bottom">
        <a href="#bottom-part" class="change-position" id="fixed-bottom"></a>
    </div>

    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/bootstrap.bundle.js"></script>
    <script>

        var change_btn = $("#fixed-bottom");
        var count = 2;
        change_btn.on("click",function(){

            if(count == 1){
                change_btn.css("background","url(../../images/xia.png) no-repeat 6px 6px");
                change_btn.attr("href","#main-part");
                count++;
            }else if(count == 2){
                change_btn.css("background","url(../../images/shang.png) no-repeat 6px 6px");
                change_btn.attr("href","#bottom-part");
                count--;
            }

        })

    </script>
</body>

</html>